
<link rel="stylesheet" href="./demo.css">

<div class="box box1" >
    <img src="./imgs/img1.jpg" alt="">
    <ul>
        <li class="active"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

<br><br><br>

<div class="box box2" >
    <img src="./imgs/img1.jpg" alt="">
    <ul>
        <li class="active"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>
<script src="./demo.js"></script>
<script>
    let swiper1 = new Swiper(".box1")
    let swiper2 = new Swiper(".box2")
</script>